<template>
    <div>
        <van-address-list
  v-model="chosenAddressId"
  :list="list"
  default-tag-text="默认"
  @add="onAdd"
  @edit="onEdit"
/>
订单明细
<van-card
  num="2"
  price="2.00"
  desc="描述信息"
  title="商品标题"
  thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
/>
<br>
<van-field
  v-model="message"
  rows="2"
  autosize
  label="留言"
  type="textarea"
  maxlength="50"
  placeholder="请输入留言"
  show-word-limit
/>
<!-- 优惠券单元格 -->
<van-coupon-cell
  :coupons="coupons"
  :chosen-coupon="chosenCoupon"
  @click="showList = true"
/>
<!-- 优惠券列表 -->
<van-popup
  v-model="showList"
  round
  position="bottom"
  style="height: 90%; padding-top: 4px;"
>
  <van-coupon-list
    :coupons="coupons"
    :chosen-coupon="chosenCoupon"
    :disabled-coupons="disabledCoupons"
  />
</van-popup>
<br>
<van-radio-group v-model="radio">
  <van-radio name="1" checked-color="green">微信支付</van-radio>
  <br>
  <van-radio name="2" checked-color="blue">支付宝</van-radio>
</van-radio-group>
<van-submit-bar :price="3050" button-text="提交订单"  class=""/>
    </div>
    
</template>

<script>





import { AddressList } from 'vant';

Vue.use(AddressList);
import Vue from 'vue';
import { Card } from 'vant';

Vue.use(Card);
import { Field } from 'vant';

Vue.use(Field);
import { RadioGroup, Radio } from 'vant';
import { CouponCell, CouponList } from 'vant';
import { SubmitBar } from 'vant';

Vue.use(SubmitBar);
Vue.use(Radio);
Vue.use(RadioGroup);
Vue.use(CouponCell);
Vue.use(CouponList);
export default {
  name: "AddressView",
  data() {
    return {
        radio:'',
        chosenAddressId: '1',
        list: [
        {
          id: '1',
          name: '张三',
          tel: '13000000000',
          address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室',
          isDefault: true,
        },
      ],
    };
  },
  props: {},

  computed: {},

  watch: {},

  directives: {},

  filters: {},
};
</script>

<style scoped lang="scss"></style>